<%@ page contentType="text/html;charset=utf-8"%>
<%@ page isErrorPage="true"%>
<%@ page import="java.util.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>LoveBugs</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="css/home.css" rel="stylesheet" type="text/css" />
<link href="css/menu.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="js/jquery-1.5.2.min.js"></script>
<script language="javascript" src="js/plus/corner/jquery.corner.js"></script>
<script language="javascript" src="js/home/home.js"></script>
 <script type="text/javascript">
var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

function jsddm_open()
{	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function jsddm_close()
{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{	closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{	if(closetimer)
	{	window.clearTimeout(closetimer);
		closetimer = null;}}

$(document).ready(function()
{	$('#jsddm > li').bind('mouseover', jsddm_open);
	$('#jsddm > li').bind('mouseout',  jsddm_timer);
	//$('#jsddm > li').bind('click',  jsddm_open);
});


document.onclick = jsddm_close;
  </script>
</head>
<body>
<div id="outer">
	<div id="upbg"></div>
	<div id="inner">
		<div id="header">
			<h1><span>love</span>bugs<sup>1.0</sup></h1>
			<h2>by bluesimon</h2>
		</div>
		<div id="splash"></div>
<!-- menu -->
<div id="menu">
<ul id="jsddm">
    <li><a href="#">首页</a></li>
	<li><a href="#">类库源码</a>
		<ul>
			<li><a href="#">JAVA</a></li>
			<li><a href="#">Visual C++</a></li>
			<li><a href="#">JavaScript</a></li>
		</ul>
	</li>
	<li><a href="#">考试资料</a>
		<ul>
			<li><a href="#">软考</a></li>
			<li><a href="#">考研</a></li>
		</ul>
	</li>
	<li><a href="#">模板</a>
		<ul>
			<li><a href="#">WebUI</a></li>
			<li><a href="#">CSS+DIV</a></li>
			<li><a href="#">PS</a></li>
		</ul>
	</li>
	<li><a href="http://www.lanrentuku.com/" target="_blank">演示系统</a>
	 	<ul>
			<li><a href="#">餐厅订位管理系统</a></li>
			<li><a href="#">小区管理系统</a></li>
			<li><a href="#">仓库物资管理系统</a></li>
		</ul>
	</li>
	<li><a href="#">服务器</a>
	 	 <ul>
			<li><a href="#">Tomcat</a></li>
			<li><a href="#">JBoss</a></li>
		</ul>
	</li>
	<li><a href="#">知识库</a></li>
</ul>
<div class="clear"> </div>
<div id="date">2011年11月21日</div>
</div>
<!-- menu  end-->
<div style="position:relative;top:-50px;left:10px;">当前：<a href="#">类源码 </a>>><a href="#"> JAVA</a></div>
<!-- content  end-->
<div id="primarycontent">
	<!-- primary content start -->
			<div class="post">
				<div class="header">
					<h3>TerraFirma<sup>1.0</sup> by NodeThirtyThree</h3>
					<div class="date">August 1, 2006</div>
				</div>
				<div class="content">
					<img src="images/pic1.jpg" class="picA floatleft" alt="" />
					<p><strong>TerraFirma</strong><sup>1.0</sup> is a free, lightweight, tableless, W3C-compliant website design by <a href="#">NodeThirtyThree Design</a>. You're free to dissect, manipulate and use it to your heart's content. We only ask that you link back to our site in some way. If you find this design useful, feel free to let us know :)</p>
					<p>You can find more of our free work at this site or <a href="#">our site</a>, or some of our commercial work on <a href="#">4Templates</a>, a commercial website template site.</p>
				</div>			
				<div class="footer">
					<ul>
						<li class="printerfriendly"><a href="#">Printer Friendly</a></li>
						<li class="comments"><a href="#">Comments (18)</a></li>
						<li class="readmore"><a href="#">Read more</a></li>
					</ul>
				</div>
			</div>
			<div class="post">
				<div class="header">
					<h3>Vivamus tortor sed aenean</h3>
					<div class="date">July 31, 2006</div>
				</div>
				<div class="content">
					<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra. Nullam turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit amet.</p>
					<p>Fermentum at, varius pretium, elit. Mauris egestas scelerisque nunc. Mauris non ligula quis wisi laoreet malesuada. In commodo. Maecenas lobortis cursus dolor.</p>
				</div>			
				<div class="footer">
					<ul>
						<li class="printerfriendly"><a href="#">Printer Friendly</a></li>
						<li class="comments"><a href="#">Comments (18)</a></li>
						<li class="readmore"><a href="#">Read more</a></li>
					</ul>
				</div>
			</div>

			<div class="post">
				<div class="header">
					<h3>Vivamus tortor sed aenean</h3>
					<div class="date">July 31, 2006</div>
				</div>
				<div class="content">
					<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra. Nullam turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit amet.</p>
					<p>Fermentum at, varius pretium, elit. Mauris egestas scelerisque nunc. Mauris non ligula quis wisi laoreet malesuada. In commodo. Maecenas lobortis cursus dolor.</p>
				</div>			
				<div class="footer">
					<ul>
						<li class="printerfriendly"><a href="#">Printer Friendly</a></li>
						<li class="comments"><a href="#">Comments (18)</a></li>
						<li class="readmore"><a href="#">Read more</a></li>
					</ul>
				</div>
			</div>

			<!-- primary content end -->
	
		</div>
		
		<div id="secondarycontent">

			<!-- secondary content start -->
		
			<h3>About Me</h3>
			<div class="content">
				<img src="images/pic2.jpg" class="picB" alt="" />
				<p><strong>Nullam turpis</strong> vestibulum et sed dolore. Nulla facilisi. Sed tortor. lobortis commodo. <a href="#">More ...</a></p>
			</div>
			
			<h3>Topics</h3>
			<div class="content">
				<ul class="linklist">
					<li class="first"><a href="#">Accumsan congue (32)</a></li>
					<li><a href="#">Dignissim nec augue (14)</a></li>
					<li><a href="#">Nunc ante elit nulla (83)</a></li>
					<li><a href="#">Aliquam suscipit (74)</a></li>
					<li><a href="#">Cursus sed arcu sed (14)</a></li>
					<li><a href="#">Eu ante cras at risus (24)</a></li>
					<li><a href="#">Donec mollis dolore (39)</a></li>
					<li><a href="#">Aliquam suscipit (74)</a></li>
				</ul>
			</div>

			<!-- secondary content end -->

		</div>
	
		<div id="footer">
		
			&copy; My Website. All rights reserved. Design by <a href="#">NodeThirtyThree</a>.
		
		</div>

	</div>

</div>

</body>
</html>